<template>
  <div>
    用户名：<input
      type="text"
      v-model="username"
    ><br>
    密码：<input
      type="password"
      v-model="password"
    >
  </div>
</template>

<script>
// * 语法: v-model="vue数据变量"
// * 双向数据绑定
//   * 数据变化 -> 视图自动同步
//   * 视图变化 -> 数据自动同步
export default {
  data() {
    return {
      username: "admin",
      password: "123456",
    };
  },
};
</script>

<style>
</style>